{% extends "base.html" %}
{% block title %}
	旅行:{{travelinfo.title}}
{% endblock %}
{% block banner %}
	<div id='top-sec-nav' style='border-bottom: 2px solid rgba(202, 255, 0, 0.6);'>
		<div class='banner-nav-left'>
			<a href='/blog/travel/'>
				<div style='float: left; width: 50%; background: rgba(202, 255, 0, 0.4);'><p>旅行日志</p></div>
			</a>	
			<div style='float: left; width: 50%; background: rgba(202, 255, 0, 0.6);'><p style='color:#007bc4'>欣赏</p></div>
		</div>
		<div class='banner-nav-lable'><p>开始一段旅行,让一个陌生的城市留存在美好的记忆里!</p></div>
	</div>
{% endblock %}
{% block container %}
	<div class="blog-view">
		<div class="blog-left">
			<div class='blog-view-tile'><h3><p style='color: black;'>{{ travelinfo.title }}</p></h3></div>
			{% if travelinfo.author.first_name != ''%}
				<div class='blog-view-info'><pre style='padding-left:10px;font-family: cursive;'>作者:{{ travelinfo.author.first_name }}{{ travelinfo.author.last_name}}  发布时间:{{ travelinfo.timestamp }}  浏览:{{ travelinfo.clicktime}}</pre></div>
			{% else %}
				<div class='blog-view-info'><pre style='padding-left:10px;font-family: cursive;'>作者:{{ travelinfo.author}}  发布时间:{{ travelinfo.timestamp }}  浏览:{{ travelinfo.clicktime}}</pre></div>
			{% endif %}
			{% for travel in travels %}
				<div class='blog-view-body'>
					<div style='width: 100%; overflow:hidden; margin-left:10px;padding:10px;text-align:center;'>
						<a href='/blog/pic/'><img alt="{{travel.pic}}" src="/media/{{ travel.pic}}" style='max-width:100%; max-height:100%;box-shadow:-2px -2px 5px #9C9494;' /></a>
					</div>
				</div>
				<div class='blog-view-body'><pre style='margin-left:10px;'><p style='color: black;'>{{ travel.picdesc }}</p></pre></div>
			{% endfor %}
			<!-- 点赞  -->
			<div class="container" style='margin-top:80px;'>
				<section class="content" >
					<ol class="grid">
						<li class="grid__item">
							<button class="icobutton icobutton--thumbs-up"><span class="fa fa-thumbs-up"></span></button>
						</li>
					</ol>
				</section>
			</div>
			
			<!-- 分享 -->
			<div class="bshare-custom icon-medium">
			<div class="bsPromo bsPromo2"></div>
				<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
				<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
				<a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a>
				<a title="分享到腾讯微博" class="bshare-qqmb"></a>
			</div>
			<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script>
			<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
			
			<!-- <div id='likestyle'>{{travelinfo.like}}人点赞</div> -->
		</div>	
		
		<div class='blog-right' style='border-left:2px solid rgba(255, 173, 0, 0.5);'>
			<div style='border-bottom: 1px solid rgba(81, 204, 49, 0.5);'><p class='fenlei-p'>blog推荐</p></div>
			<div class='new-blog'>
				{% for new in newblogs %}
					<a href='/blog/article/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
			<div style='border-bottom: 1px solid rgba(200, 108, 212, 0.5);'><p class='fenlei-p'>欣赏</p></div>
			<div id='blog-list-right-midd'>
				<ul class="blog-list-right-banner">   
					{% for pic in picall %}
					<li><a href='/blog/pic/{{pic.id}}' target='view_window'><img src="/media/{{pic.first_pic}}" style='width:100%;height:100%;'></a></li> 
					{% endfor%}
				 </ul> 
			</div>
		</div>
	</div>
	
{% endblock %}
